<div data-role='page grid' class="ui-contact" data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,*,55" data-grid-cols="*">
	<%$($.self.utils.fusionStatusBarSpace(20))%>
		<div class='ui-header' data-role="cell">
			<div class='ui-title'>社友录</div>
			<div class='ui-bar-right'><i class="ui-icon-18 ui-icon-18-add"></i>
			</div>
		</div>
		<div class="ui-content" data-role="cell scroll">
			<div class="ui-contact-filter">
				<input class="ui-textbox" placeholder="邮箱/用户名" type="text" name="" />
				<i class="ui-icon-19-search"></i>
			</div>
			<div class="ui-contact-group-button" data-role="grid" data-grid-rows="*" data-grid-cols="*,*">
				<div data-role="cell" data-event='tap>addGroup'>
					<i class="ui-icon-12-add"></i>
					新建分组
				</div>
				<div data-role="cell" data-event='tap>addUser'>
					<i class="ui-icon-12-user"></i>
					添加好友
				</div>
			</div>
			<div class="ui-contact-label">好友分组</div>
			<link id='contactList' data-role='view' data-view="../views/contact-list" />
		</div>
		<div class='ui-footer' data-role="cell">
			<link id='nav' data-role='view' data-view="../views/nav" />
		</div>
</div>